<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>表单元素</title>
	</head>
	<body>
		<!-- 表单元素：采集用户信息，并提交信息到服务器
		采集用户信息元素：input 必须属性 type决定input呈现效果
		重点掌握type中属性值       text 文本框
		                        password 密文文本框
								shbmit 提交
								button 按钮【html4.0写法加 value="自定义按钮】
								reset  重置    结合表单元素<from>
								color  颜色
								datetime-local 本地日期时间插件
								date 年月日插件
								time 时分插件
								week 周插件
								range 滑块[颜色]
								file 文件
								radio 单选框 结合name   checked默认选项
								checkbox 复选框         checked默认选项
								image    图片按钮  结合src属性使用
								hidden   隐藏  结合JS
		--> 
		<form>
			<h1>控件元素</h1>
		账号:<input type="text"><br />
		密码:<input type="password"> <br />
		<input type="submit" />
		<input type="button" value="自定义按钮">
		<!-- html5.0的写法 -->
		<button>点击按钮</button>
		<input type="reset">
		<input type="color" />
		<input type="datetime-local">
		<input type="date">
		<input type="time">
		<input type="week">
		<input type="range">
		<input type="file" /><br />
		男<input type="radio" name="sex" />
		女<input type="radio" name="sex" checked="checked"/>
		<input type="checkbox" />红烧肉
		<input type="checkbox" />麻辣烫
		<input type="checkbox" />佛跳墙
		<input type="image" src="img/png.png" width="200px"height="200px />
		<input type="hidden" />
		<h1>下拉元素列表</h1>
		<!-- 层叠元素  快捷键 select>option -->
         发车时间：<select>
            <option>00：00---24：00</option>
			<option>00：00---06：00</option>
			<option>06：00---12：00</option>
			<option>12：00---18：00</option>
			<option>18：00---24：00</option>
		</select>
		<!-- 超大文本元素  cols列属性  rows行属性-->
	    <h1>超大文本框元素</h1>
		建议：<textarea cols="50" rows="10" ></textarea>
		<!-- 细节元素   层叠元素快捷键：details>summary+div-->
		<details>
			<summary>征婚启示</summary>
			<div>Lorem ipsum dolor sit amet consectetur, adipisicing elit. Quasi pariatur soluta omnis temporibus velit ducimus asperiores. Consequatur reiciendis natus adipisci aliquam fugiat, provident soluta ratione. Repellendus eum eius quia consectetur!eeeeeeeLorem ipsum dolor sit amet consectetur adipisicing elit. Saepe veritatis facilis officia nostrum odio reprehenderit ut velit quos possimus. Quaerat laudantium quos assumenda, reiciendis error adipisci recusandae veniam accusantium ut.Lorem ipsum dolor sit amet consectetur adipisicing elit. Facilis delectus, sapiente repellat ea ipsa sunt recusandae veniam eveniet optio porro omnis. Hic, placeat possimus non omnis atque perferendis ipsum ex.Lorem ipsum dolor sit amet, consectetur adipisicing elit. Vitae est, labore perspiciatis ex saepe quod alias suscipit culpa temporibus consectetur repudiandae dolores aliquid aperiam sunt quidem laboriosam eaque facere doloremque?Lorem ipsum dolor sit amet consectetur, adipisicing elit. Vel repellat blanditiis molestias mollitia impedit voluptate, distinctio voluptatum consequuntur, earum temporibus ut! Laudantium officia tempora sit saepe, molestiae in ex hic!Lorem ipsum dolor sit amet consectetur adipisicing elit. Dolor quaerat illum inventore harum, vitae soluta culpa, neque possimus commodi deserunt ducimus pariatur assumenda! Corporis porro optio officiis quia aspernatur nihil.</div>
		</details>
		</form>
		
		
		h1>新元素</h1>
		<!-- 记号笔元素-->
		周五<mark>放假了</mark>
		<!-- 度量元素  value 度量单位="默认：0~1max值"指定最大值与最小值
		min属性  max属性
		-->
		电量：<meter value=".5" min="0" max="100"></meter> 
	</body>
</html> 